<template>
	<view>
		<view class="control_list">
			<view class="top_img mar_bot">
				<image src="https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/appbg.png" style="width: 100%;height: 100%;"></image>
			</view>
			<view class="control_item box box-align-center box-pack-between" v-for="(item,i) in topAppControl" :key="i" @click="gotoUrl(item.url)">
				<view class="left box box-align-center">
					<image :src="item.img" mode="widthFix" style="width: 60rpx;margin-right: 10rpx;"></image>
					<view class="tit">
						{{item.tit}}
					</view>
				</view>
				<view class="right">
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
		</view>
		
		<view class="jgy_control">
			<view class="pad_big pad_top_big pad_bot">
				<view class="header pad_bot">
					<view class="tit">
						教管壹创新研究院
					</view>
					<view class="sub_tit">
						注释：以下创新功能可以提供使用，但暂未经大批量测试，可能存在功能上的小缺陷，请选择使用。
					</view>
				</view>
				<view class="control_item box box-align-center box-pack-between" v-for="(item,i) in jgyAppControl" :key="i" @click="gotoUrl(item.url)">
					<view class="left box box-align-center">
						<image :src="item.img" mode="widthFix" style="width: 60rpx;margin-right: 10rpx;"></image>
						<view class="tit">
							{{item.tit}}
						</view>
					</view>
					<view class="right">
						<u-icon name="arrow-right"></u-icon>
					</view>
					<view class="line"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				topAppControl:[
					{tit:'应用推送及远程安装',url:'/pages_subpackage/appControl/pushInstall/index',img:'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/ts.png'},
					{tit:'应用常规使用管控',url:'/pages_subpackage/appControl/normalControl/index',img:'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/cggk.png'},
					{tit:'应用开机自启动管控',url:'/pages_subpackage/appControl/powerBoot/index',img:'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/zqgk.png'},
					{tit:'应用霸屏管控',url:'/pages_subpackage/appControl/dominateApp/index',img:'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/bp.png'},
				],
				jgyAppControl:[
					{tit:'应用内部网页跳出管控',url:'/pages_subpackage/appControl/innerWeb/index',img:'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/tcgk.png'},
					{tit:'应用内部某功能禁用管控',url:'/pages_subpackage/appControl/innerOther/index',img:'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/jygk.png'},
					{tit:'远程应用缓存清理',url:'/pages_subpackage/appControl/clearMemory/index',img:'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/hcql.png'},
					{tit:'应用安装辅助白名单',url:'/pages_subpackage/appControl/whiteApp/index',img:'https://jiaoguanyi008.oss-cn-shenzhen.aliyuncs.com/miniPro/images/imgs/azbmd.png'},
				]
			};
		},
		methods: {
			gotoUrl(url){
				if(!url) return 
				uni.navigateTo({
					url:url
				})
			},
		}
		
	}
</script>

<style lang="scss">
	.control_list{
		background-color: #fff;
		border-radius: 30rpx;
		padding: 40rpx;
		margin: 20rpx;
		.top_img{
			height: 110rpx;
			border-radius: 30rpx;
			// background-color: red;
		}
		.control_item{
			padding: 20rpx 0;
		}
		.left{
			.tit{
				font-size: 28rpx;
			}
		}
		.right{
			color: #cecece;
		}
	}
	.jgy_control{
		margin: 20rpx;
		border-radius: 30rpx;
		background-color: #e7e8ed;
		
		.header{
			.tit{
				font-size: 32rpx;
			}
			.sub_tit{
				font-size: 24rpx;
				color: #d3d4d8;
			}
		}
		.control_item{
			padding: 20rpx 0;
			position: relative;
			// margin: 40rpx 0;
			.line{
				position: absolute;
				bottom: 0;
				right: 0;
				width: 90%;
				height: 1px;
				background-color: #d6d6d6;
			}
		}
		.left{
			.tit{
				font-size: 28rpx;
			}
		}
		.right{
			color: #cecece;
		}
	}
	
</style>
